<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin:  0px;
                padding: 0px;
                list-style: none;
            }
            .z{
                height: 75px;
                background: url("nan1.jpg") repeat-x;
            }
            .x{
                height: 424px;
                background: #dddddd;
            }
            .c{
                height: 378px;
                width: 968px;
                margin: 48px auto 27px;
            }
            .v{
                height: 50px;
                width: 968px;
                margin:auto;
                font-size: 13px;
            }
            .z1{
                width: 968px;
                height: 75px;
                margin: 0px auto;
            }
            .z1 h1{
                float: left;
            }
            .z1 ul{
                float: right;
                margin: 23px 0px 0px;
            }
            .z1 img{
                width: 129px;
                height: 44px;
                margin: 14px 0px 0px;
            }
            .z1 a{
                font-size: 14px;
                text-decoration: none;
                color:#fff;
            }
            .z1 li{
                float: left;
                margin: 0px 8px;
                padding: 0px 10px 0px 0px;
            }
            .z1 li:hover{
                background:rgb(31, 29, 29);
                border-radius: 30px;
                padding:0px 10px 5px 10px;
            }


            .x1{
                height: 424px;
                width: 968px;
                margin: auto;
            }
            .x1 h2{
                background-image: none;
                font-size: 26px;
                font-weight: 400;
                position: static;
                padding: 45px 0px 20px;
            } 
            .x1 li{
                color: #979797;
                margin: 0px 0px 15px;
                font-size: 15px;
                
            }
            .x1 a{
                text-decoration: none;
                color: #609700;
                cursor: pointer;
                outline: none;
            }
            .x1 a:hover{
                color: rgb(73, 10, 133);
                text-decoration:underline ;
            }
            .x1 img{
                padding: 5px 0px 20px;
            }
            .x2 {
                float: left;
            }
            .x3{
                margin: 20px 0px 0px 5px;
                float: right;
            }
            .x3 p{
                margin: 0px 0px 1px 130px ;
            }
            .x3 h4{
                margin: 0px 0px 0px 175px ;
            }
            


            .c2 ul{
                float: left;
            }
            .c2 h3{
                padding: 6px 0px;
                font-size: 14px;
            }
            .c2 h4{
                font-size: 14px;
                padding: 6px 60px 0px 0px;
            }
            .c2 li{
                color: #999;
                font-size: 14px;
                padding: 4.6px 80px 5px 0px ;
            }
            .c2 a{
                text-decoration: none;
                color: #609700;
                cursor: pointer;
                outline: none;
            }
            .c2 a:hover{
                color: rgb(73, 10, 133);
                text-decoration:underline ;
            }
            .c2{
                float: left;
            }
            .c3{
                float: right;
            }
            .c3 ul{
                font-size: 14px;
            }
            .c3 li{
                margin: 20px 0px;
            }
            .c3 a{
                text-decoration: none;
                color: #609700;
                cursor: pointer;
                outline: none;
            }
            .c3 a:hover{
                color: rgb(73, 10, 133);
                text-decoration:underline ;
            }
            .v1 {
                float: left;
            }
            .v2{
                float: right;
            }
            .v1 li{
                float: left;
                margin: 10px 10px 10px 0px;
            }
            .v1 p{
                margin-bottom: 10px;
                font-size: 12px;
                color: #888888;
            }
            .v1 a{
                text-decoration: none;
                color:#888888;
                cursor: pointer;
                outline: none;
            }
            .v1 a:hover{
                color:#888888;
                text-decoration:underline ;
            }
            .v2 li{
                float: right;
                margin: 10px 10px 10px 0px;
            }
            .v2 a{
                text-decoration: none;
                color:#888888;
                cursor: pointer;
                outline: none;
            }
            .v2 a:hover{
                color:#888888;
                text-decoration:underline ;
            }
         
            


        </style>
        
    </head>
    <body>
        <div class="z"> 
            <div class="z1">
                <h1>
                    <a href=""><img src="nan2.png" alt=""></a>
                <h1>
                <ul>
                        <li>
                            <a href="">
                                首页
                            </a>
                        </li>
                        <li>
                            <a href="">
                                帮助与反馈
                            </a>
                        </li>
                        <li>
                            <a href="">
                                公众平台
                            </a>
                        </li>
                        <li>
                            <a href="">
                                开放平台
                            </a>
                        </li>
                        <li>
                            <a href="">
                                微信支付
                            </a>
                        </li>
                        <li>
                            <a href="">
                                微信广告
                            </a>
                        </li>
                        <li>
                            <a href="">
                                企业微信
                            </a>
                        </li>
                        <li>
                            <a href="">
                                表情开放平台
                            </a>
                        </li>
                        <li>
                            <a href="">
                                微信网页版
                            </a>
                        </li>
                    </ul>
            </div>
        </div>
        <div class="x">
            
            <div class="x1">
                
                <div class="x2">
                    <h2>微信，是一个生活方式</h2>
                    <ul>
                        <li>超过十亿人使用的手机应用</li>
                        <li>支持发送语音短信、视频、图片和文字</li>
                        <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                       </ul>
                        <img src="nan3.png" alt=""></a>
                        <li>
                            <span><a href="">忘记了微信账号或密码？</a></span>
                        </li>
                        <li>
                            <span><a href="">自助解除登录或功能限制</a></span>
                        </li>
                        <li>
                            <span><a href="">冻结或解冻微信账号</a></span>
                        </li>  
                    </ul>
                    <div clas="x3">
                        <a href=""><img src="nan4.png" alt=""></a>
                        <p>微信 3.2.1 for Windows 发布</p>
                        <h4><a href=""> Windows新版本</a></h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="c">
            <div class="c3">
                <ul>
                 <h3>最新消息</h3>
                 <li> <a href="">微信 8.0.2 for Android 全新发布<span style="color: red;">(new)</span></a></li>
                 <li><a href="">微信 3.2.1 for Windows 全新发布<span style="color: red;">(new)</span></a></li>
                 <li><a href="">微信 8.0.2 for iOS 全新发布<span style="color: red;">(new)</span></a></li>
                 <li><a href="">微信 2.6.1 for Mac 全新发布<span style="color: red;">(new)</span></a> </li>
                 <li><a href="">关于部分 iOS 9 用户无法更新微信<span style="color: red;">(new)</span></a></li>
                 <li><a href="">微信外部链接内容管理规范</a></li>
                 <li><a href="">微信网页版2.1版本发布 全新发布</a></li>
                 <li><a href="">微信表情平台全新开放</a></li>
              </ul>
             </div>
            <div class="c1">
                <a href=""><img src="nan5.png" alt=""></a>
                <div class="c2">
                    <ul>
                        <h3>微信网页版</h3>
                        <li>扫一扫二维码</li>
                        <li>就能在浏览器上使用微信</li>
                        <a href="">了解更多</a>
                    </ul>
                    <ul>
                        <h4>微信 Mac 版</h4>
                        <li>极致简洁，迅捷沟通</li>
                        <a href="">了解更多</a>
                    </ul>
                    <ul>
                        <h4>微信 Windows 版</h4>
                        <li>让沟通更方便</li>
                        <a href="">了解更多</a>
                    </ul>
                </div>
            </div>
        </div>
           
        <div class="v">
            <hr>
            <div class="v1">
                <ul>
                    <li><a href="">关于腾讯</a></li>
                    <li><a href="">服务条款</a></li>
                    <li><a href="">使用规范</a></li>
                    <li><a href="">客服中心</a></li>
                    <li><a href="">隐私保护指引</a></li>
                </ul>
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
            </div>
            <div class="v2">
                <ul>
                    <li>
                        <a href="">简体中文</a>
                    </li>
                    <li>
                        <a href="">繁體中文</a>
                    </li>
                    <li>
                        <a href="">English</a>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>